<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		
		<form id="registerForm" name="myForm" action="注册成功.html" method="get">
			<label>用户名:</label> <input type="text" name="username" /><br />
			<label>密码：</label><input type="password" name="password" /><br />
			<label>邮箱: </label><input type="email" name="email" id="emailInput"/><br />
			<label>电话号码:</label> <input type="tel" name="tel" /><br />
			<input type="submit" value="注册" />
			<input type="reset" value="重置" />			
		</form>
		
		<script type="text/javascript">
			
			// 方式1  document.forms[0]
			// document.forms[0].style.background = "red";
			// 方式2  document.myForm
			// document.myForm.style.background = "green";
			// 方式3  通过id
			// registerForm.style.background = "blue";
			
			// 访问表单元素
			// 方式1 
			document.forms[0].elements[0].style.background = "blue";
			// 方式2 name属性
			document.forms[0].password.style.background = "red";
			// 方式3 通过id
			emailInput.style.background = "green";
			
			
		</script>
	</body>
</html>

